
<div ng-controller="fileUploadCtrlTest2" >
    
     <link rel="stylesheet" href="css/uploadimg.css" type="text/css" />     
     
     <div class="evaluation_detail_pics localImag bg_3" ng-class="{'evaluation_detail_pics_column2':column2}">
        <ul id="imgtab-warp" class="upload-left"  style="float: left; padding: 0px;">
                <li ng-repeat="key in imgNew track by $index" ng-class="{ active: isSet($index) }" style="float: none; cursor: pointer;">
                    <p style="white-space: nowrap; margin:0px; " ng-click="setTab($index)">{{key.text}}</p>
                    <p ng-show="key.hink" style="color: #ccc; font-size: 12px"><span style="color: red">*</span>{{key.hink}}</p>
                    <p style="position: absolute; left: 155px; top: 0px; font-size: 12px; width: 50px; margin: 0;">({{key.value.length}})</p>
                </li>
        </ul>

        <ul id="imgbtn-warp" class="upload-right" ng-repeat="key in imgNew track by $index" ng-show="isSet($index)">
                <li ng-repeat="item in key.value track by $index" class="gallerys">
                          <img ng-src="{{uploadprefix}}{{item}}" ondblclick="$.openPhotoGallery(this)" class="gallery-pic">                           
                </li>   
        </ul>
        <div style=" clear: both;"></div>
    </div>    
<div class="ngdialog-message" style='display:none;'>
    <div class="hbox hbox-auto-xs hbox-auto-sm" nv-file-drop="" uploader="uploader" filters="queueLimit, customFilter">
        <div class="col w-lg bg-light b-r bg-auto">
            <div class="wrapper-md dker b-b">
                <h3 class="m-n font-thin">文件上传</h3>
            </div>
            <div class="wrapper-md">
                <div style="position: relative;overflow: hidden;">
                    <button class="btn col-lg-10 btn-primary">选择文件</button>

<input type="file" nv-file-select="" uploader="uploader" id='uploaderHouseFileInput'   multiple  onchange="angular.element(this).scope().readFile(event)"/>

                </div>
            </div>
        </div>
        <div class="col">
            <div class="wrapper-md bg-light dk b-b">
                <span class="pull-right m-t-xs">文件数: <b class="badge bg-info">{{ uploader.queue.length }}</b></span>
                <h3 class="m-n font-thin">上传队列</h3>
            </div>
            <div class="wrapper-md">
                <table class="table bg-white-only b-a">
                    <thead>
                        <tr>
                            <th width="50%">文件名</th>
                            <th ng-show="uploader.isHTML5">大小</th>
                            <th ng-show="uploader.isHTML5">进度</th>
                            <th>状态</th>
                            <th>控制</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="item in uploader.queue">
                            <td><strong>{{ item.file.name }}</strong></td>
                            <td ng-show="uploader.isHTML5" nowrap>{{ item.file.size/1024/1024|number:2 }} MB</td>
                            <td ng-show="uploader.isHTML5">
                                <div class="progress progress-sm m-b-none m-t-xs">
                                    <div class="progress-bar bg-info" role="progressbar" ng-style="{ 'width': item.progress + '%' }"></div>
                                </div>
                            </td>
                            <td class="text-center">
                                <span ng-show="item.isSuccess" class="text-success"><i class="glyphicon glyphicon-ok"></i></span>
                                <span ng-show="item.isCancel" class="text-warning"><i class="glyphicon glyphicon-ban-circle"></i></span>
                                <span ng-show="item.isError" class="text-danger"><i class="glyphicon glyphicon-remove"></i></span>
                            </td>
                            <td nowrap>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.upload()"  ng-disabled="item.isReady || item.isUploading || item.isSuccess">
                                    上传
                                </button>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.cancel()" ng-disabled="!item.isUploading">
                                    取消
                                </button>
                                <button type="button" class="btn btn-default btn-xs" ng-click="item.remove()">
                                    删除
                                </button>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div>
                    <div>
                        <p>总上传进度:</p>
                        <div class="progress bg-light dker" style="">
                            <div class="progress-bar progress-bar-striped bg-info" role="progressbar" ng-style="{ 'width': uploader.progress + '%' }"></div>
                        </div>
                    </div>
                    <button type="button" class="btn btn-addon btn-success" id='itemUpload' ng-click="uploader.uploadAll()" ng-disabled="!uploader.getNotUploadedItems().length">
                        <i class="fa fa-arrow-circle-o-up"></i> 全部上传
                    </button>
                    <button type="button" class="btn btn-addon btn-warning" ng-click="uploader.cancelAll()" ng-disabled="!uploader.isUploading">
                        <i class="fa fa-ban"></i> 全部取消
                    </button>
                    <button type="button" class="btn btn-addon btn-danger" ng-click="uploader.clearQueue()" ng-disabled="!uploader.queue.length">
                        <i class="fa fa-trash-o"></i> 全部删除
                    </button>
                    <!-- <p class="text-muted m-t-xl">Note: upload.php file included, files will be uploaded to "src/js/controllers/uploads".</p> -->
                </div>
            </div>
        </div>
    </div>
</div>

<div class="uploading_progress" ng-show='uploader.uploading'>
    <p>图片上传中…{{uploader.progress}}%</p>
</div>
</div>